<div id="content" class="account">
    <h1><?=$data->TITLE?></h1>
    <h3><?=$data->DESCRIPTION?></h3>
    <form id="form" method="post" action="/json<?=PREFIX.'/'.APP.'/'.CMD?>">
        <div class="formLineDark">
            <label class="formLabel"><?=_('Username or email')?>: </label><span class="input"><input id="email" name="email" type="text" tabindex="1" /></span>
            <span class="clear"></span>
        </div>
        <div class="formLineLight">
            <label class="formLabel"><?=_('Password')?>: </label><span class="input"><input id="pass" name="pass" type="password" tabindex="2" /></span>
            <span class="clear"></span>
        </div>
        <div class="formLineDark">
            <label class="formLabel"><?=_('Remember me')?>:</label>
            <span class="checkbox">
                <a class="checkboxItem" title="remember" tabindex="3"><span class="check"><span>&nbsp;</span></span><?=_('Remember me')?></a>
                <input id="remember" name="remember" type="hidden" value="0" />
            </span>
            <span class="clear"></span>
        </div>
        <?if($data->account->captcha):?>
        <div class="formLineLight">
            <label class="formLabel"><?=_('Security code [captcha]')?>:  </label>
            <span class="captcha required">
                <span class="formLineDesc"><?=sprintf(_('to change the security code %s click here. %s'),'<a onclick="tool.newCaptcha();">','</a>')?></span>
                <img id="captchaImg" src="/captcha.png" alt="captcha" />
                <input id="captcha" name="captcha" type="text" tabindex="4" />
                <span class="formLineDesc"><?=_('security code is  not case sensitive.')?></span>
            </span>
            <span class="clear"></span>
        </div>
        <?endif;?>
        <div class="formLineLight">
            <span class="submitDesc"><a href="/account/forgot" title="<?=_('Forgot your password?')?>" tabindex="6"><?=_('Forgot your password?')?></a></span>
            <span class="submit">
                <span id="loader" class="loader"><img src="/themes/<?=THEME?>/images/loader.gif" alt="loader" /></span>
                <input id="submit" class="submit" type="submit" value="<?=_('Login')?>" tabindex="5" />
            </span>
            <span class="clear"></span>
        </div>
    </form>
</div>
<div id="aside">
    <h2 class="none"><?=sprintf(dgettext('account','Join %s'),NAME)?></h2>
    <a href="/account/join" title="<?=sprintf(dgettext('account','Join %s'),NAME)?>" class="join box " tabindex="6"><?=dgettext('account','create your account')?></a>
    <p class="joinDesc"><?=sprintf(dgettext('account','only takes a moment to take part in %s!'),NAME)?></p>
</div>
<script type="text/javascript"> tool.form(1); </script>